<style>
    .day {
        background-color:#000;
        color:#fff;
        text-align:center;
        display:inline-block;
        padding:0 3px;
        border-radius:3px;
    }
    .weui_search_bar {
        background-color: rgb(43,165,187)
    }
    .weui_search_cancel {
        color: rgb(221,221,221);
    }
</style>

<template>
    <div>
        <div>
            <search cancel-text="取消" placeholder="输入商家名、品类或商圈"></search>
        </div>
        <swiper :list="list" auto></swiper>
        <menu-list></menu-list>
        <p style=" width: 100%; height: 10px; background-color: rgb(240,240,240); border-top: 1px solid rgb(217,217,217); border-bottom: 1px solid rgb(217,217,217)"></p>
        <lim-time></lim-time>
        <p style=" width: 100%; height: 10px; background-color: rgb(240,240,240); border-top: 1px solid rgb(217,217,217); border-bottom: 1px solid rgb(217,217,217)"></p>
    </div>
</template>

<script>
    import menuList from './menuList.vue'
    import limTime from './limTime.vue'
    import Search from 'vux/dist/components/search'
    import Swiper from 'vux/dist/components/swiper'
    

    export default{
        components: {
            menuList,
            limTime,
            Search,
            Swiper
        },
        data: function() {
            return {
                list: [
                    {
                        title: "草莓黄油蛋糕球！人气美食排行",
                        img: "./src/img/big_01.jpg"
                    },
                    {
                        title: "美味黄金芝麻！美团热榜食品",
                        img: "./src/img/big_02.jpg"
                    },
                    {
                        title: "山西凉粉！",
                        img: "./src/img/big_03.jpg"
                    },
                    {
                        title: "洗颜新潮流！人气洁面皂排行榜",
                        img: "https://cdn.xiaotaojiang.com/uploads/82/1572ec37969ee263735262dc017975/_.jpg"
                    }
                ]
            }
        },
        ready: function(){
            
        },
        methods: {
            
        }
    }
</script>